/* This CSS sets the default styles for the base components. */


#wrapper {
    margin: 0 auto;
    box-shadow: 0px 0px 20px #ddd;
}

.ksr h1{
	font-size:26px;
	line-height:30px;
	font-weight: normal;
}

.ksr .main-column{
	min-height:450px;
}

.ksr-hide{
	display:none;
}
.clear-both{clear:both}
.ksr .no-margin-all{margin:0px!important;}
.ksr .no-margin-vertical{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
.ksr .no-margin-horizontal{
	margin-left:0px!important;
	margin-right:0px!important;
}
.ksr .no-margin-top{margin-top:0px!important;}
.ksr .no-margin-left{margin-left:0px!important;}
.ksr .no-margin-bottom{margin-bottom:0px!important;}
.ksr .no-margin-right{margin-right:0px!important;}
.ksr .no-padding-top{padding-top:0px!important;}
.ksr .no-padding-left{padding-left:0px!important;}
.ksr .no-padding-bottom{padding-bottom:0px!important;}
.ksr .no-padding-right{padding-right:0px!important;}

.ksr .margin-auto{margin:auto;}
.ksr .margin-auto-vertical{
	margin-top:auto;
	margin-bottom:auto;
}
.ksr .margin-auto-horizontal{
	margin-left:auto;
	margin-right:auto;
}
.ksr .margin-all{margin:10px;}
.ksr .margin-vertical{
	margin-top:10px;
	margin-bottom:10px;
}
.ksr .margin-horizontal{
	margin-left:10px;
	margin-right:10px;
}
.ksr .margin-all-half{margin:5px;}
.ksr .margin-vertical-half{
	margin-top:5px;
	margin-bottom:5px;
}
.ksr .margin-horizontal-half{
	margin-left:5px;
	margin-right:5px;
}
.ksr .margin-all-dbl{margin:20px;}
.ksr .margin-vertical-dbl{
	margin-top:20px;
	margin-bottom:20px;
}
.ksr .margin-horizontal-dbl{
	margin-left:20px;
	margin-right:20px;
}

.ksr .margin-left{margin-left:10px;}
.ksr .margin-left-half{margin-left:5px!important;}
.ksr .margin-left-dbl{margin-left:20px;}
.ksr .margin-top{margin-top:10px;}
.ksr .margin-top-half{margin-top:5px;}
.ksr .margin-top-dbl{margin-top:20px;}
.ksr .margin-right{margin-right:10px;}
.ksr .margin-right-half{margin-right:5px;}
.ksr .margin-right-dbl{margin-right:20px;}
.ksr .margin-bottom{margin-bottom:10px;}
.ksr .margin-bottom-half{margin-bottom:5px;}
.ksr .margin-bottom-dbl{margin-bottom:20px;}

.ksr .padding-all{padding:10px;}
.ksr .padding-vertical{
	padding-top:10px;
	padding-bottom:10px;
}
.ksr .padding-horizontal{
	padding-left:10px;
	padding-right:10px;
}
.ksr .padding-all-dbl{padding:20px;}
.ksr .padding-vertical-dbl{
	padding-top:20px;
	padding-bottom:20px;
}
.ksr .padding-horizontal-dbl{
	padding-left:20px;
	padding-right:20px;
}
.ksr .padding-all-half{padding:5px;}
.ksr .padding-vertical-half{
	padding-top:5px;
	padding-bottom:5px;
}
.ksr .padding-horizontal-half{
	padding-left:5px;
	padding-right:5px;
}

.ksr .padding-top{padding-top:10px}
.ksr .padding-bottom{padding-bottom:10px}
.ksr .padding-left{padding-left:10px}
.ksr .padding-right{padding-right:10px}
.ksr .padding-top-half{padding-top:5px}
.ksr .padding-bottom-half{padding-bottom:5px}
.ksr .padding-left-half{padding-left:5px}
.ksr .padding-right-half{padding-right:5px}
.ksr .padding-top-dbl{padding-top:20px}
.ksr .padding-bottom-dbl{padding-bottom:20px}
.ksr .padding-left-dbl{padding-left:20px}
.ksr .padding-right-dbl{padding-right:20px}

/* ------------------font,text----------------- */

.ksr .georgia{font-family:Georgia, Times, Serif;}
.ksr .serif{font-family:Times,Georgia,Serif;}
.ksr .sans-serif{font-family:Arial, Helvetica, sans-serif;}
.ksr .helvetica{font-family:Helvetica, Arial,sans-serif;}

.ksr .font-normal{
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-transform:none;
}

.ksr .font-10-12{font-size:10px!important;line-height:12px;}
.ksr .font-10-16{font-size:10px!important;line-height:16px;}
.ksr .font-10{font-size:10px!important;line-height:14px;}
.ksr .font-11{font-size:11px!important;line-height:14px;}
.ksr .font-12{font-size:12px!important;}
.ksr .font-12-17{font-size:12px!important;line-height:17px}
.ksr .font-13{font-size:13px!important;}
.ksr .font-13-18{font-size:13px!important;line-height:18px;}
.ksr .font-14{font-size:14px!important;line-height:18px!important;}
.ksr .font-14-tight{font-size:14px!important;line-height:12px;}
.ksr .font-15{font-size:15px!important;line-height:18px;}
.ksr .font-15-22{font-size:15px!important;line-height:22px;}
.ksr .font-16{font-size:16px!important;line-height:22px;}
.ksr .font-18{font-size:18px!important;line-height:22px;}
.ksr .font-20{font-size:20px!important;line-height:24px}
.ksr .font-22{font-size:22px;line-height:26px}
.ksr .font-24{font-size:22px;line-height:28px}
.ksr .font-26{font-size:26px;line-height:30px}
.ksr .font-30{font-size:30px;line-height:34px}
.ksr .font-32{font-size:32px;line-height:36px}
.ksr .font-40{font-size:40px!important}
.ksr .font-50{font-size:50px!important;line-height:60px}
.ksr .font-black{color:#000000!important;}
.ksr .font-dark{color:#333333!important;}
.ksr .font-grey{color:#464646!important;}
.ksr .font-grey-2{color:#666666!important;}
.ksr .font-white{color:#FFFFFF!important;}
.ksr .font-lightgrey{color:#999999!important;}
.ksr .font-lightgrey-2{color:#AAAAAA!important;}
.ksr .font-lightgrey-3{color:#C7C7C7!important;}
.ksr .font-lightgreen{color:#ADB500!important;}
.ksr .font-link-blue{color: #0076A3!important;}
.ksr .font-orange{color:#F15916}
.ksr .errorMsg{color:#FF0000!important;}
.ksr .infoMsg{color:#008000!important;}

.ksr .bold{font-weight:bold}
.ksr .italic{font-style:italic!important;}

.ksr .uppercase{text-transform:uppercase!important;}
.ksr .lowercase{text-transform:lowercase!important;}
.ksr .capitalize{text-transform:capitalize!important;}
.ksr .no-transform{text-transform:none!important;}

.ksr .text-left{text-align:left!important;}
.ksr .text-right{text-align:right!important;}
.ksr .text-center{text-align:center!important;}


/* ------------------box model----------------- */

.ksr .block{display:block;}
.ksr .inline-block{display:inline-block;}
.ksr .table-disp{display:table;}
.ksr .table-cell{display:table-cell;}
.ksr .table-row{display:table-row;}

.ksr .position-abs{position:absolute;}
.ksr .position-rel{position:relative;}

.ksr .on-top{top:0}
.ksr .on-left{left:0}
.ksr .on-right{right:0}
.ksr .on-bottom{bottom:0}

.ksr .full-width{width:100%;}
.ksr .half-width{width:50%;}
.ksr .full-height{height:100%;}
.ksr .auto-width{width:auto;}
.ksr .auto-height{height:auto;}

.ksr .border-all{border:1px solid #e4e4e4}
.ksr .border-left{border-left:1px solid #e4e4e4}
.ksr .border-right{border-right:1px solid #e4e4e4}
.ksr .border-top{border-top:1px solid #e4e4e4!important}
.ksr .border-bottom{border-bottom:1px solid #e4e4e4}
.ksr .border-bottom-lightgreen{border-bottom: 1px solid #e8e6af!important;}
.ksr .border-top-lightgreen{border-top: 1px solid #e8e6af!important;}
.ksr .border-right-lightgreen{border-right: 1px solid #e8e6af!important;}
.ksr .border-left-lightgreen{border-left: 1px solid #e8e6af!important;}
.ksr .border-lightgreen{border: 1px solid #e8e6af!important;}

.ksr .no-border-all{border:none!important;}
.ksr .no-border-top{border-top:none!important;}
.ksr .no-border-bottom{border-bottom:none!important;}
.ksr .no-border-left{border-left:none!important;}
.ksr .no-border-right{border-right:none!important;}

.ksr .border-lightgreen{border-color:#e8e6af!important}
.ksr .round-corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;	
}
.ksr .round-corner-small{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;	
}
.ksr .drop-shadow{
	-moz-text-shadow: 1px 2px 0px #ffffff;
	-webkit-text-shadow: 1px 2px 0px #ffffff;
	text-shadow: 1px 2px 0px #ffffff;
}

.ksr .vertical-center{
	vertical-align: middle;
}


.ksr .separate-row-3d{
	margin: 10px 0;
	height: 1px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid white;
	width:100%;
}
.ksr .separate-row-double{
	margin: 10px 0;
	height: 2px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	width:100%;
}
.ksr .separate-row-single{
	margin: 10px 0;
	height: 0px;
	border-top: 2px solid #DEDEDE;
	border-bottom: 0px solid #DEDEDE;
	width:100%;
}
.ksr .separate-row-single-1px{
	margin: 10px 0;
	height: 0px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 0px solid #DEDEDE;
	width:100%;
}
.ksr .float-left{float:left;}
.ksr .float-right{float:right;}
.ksr .float-none{float:none;}


.ksr .fixed-fluid .fluid-wrapper,
.ksr .fluid-fixed .fluid-wrapper{
float:left;
width:100%;
}
.ksr .fixed-fluid .x-fixed-column{
float: left;
width: auto;
margin-left: -100%;
}

.ksr .fluid-fixed .u-fixed-column{
float: left;
width: auto;

}

/*rating*/
.ksr form .rating{
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 26px;
	line-height:26px;
}

.ksr form .rating span.star{
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block
}

.ksr form .rating span.star:hover{
	cursor: pointer
}

.ksr form .rating span.star:before{
	content: "\f006";
	padding-right: 5px;
	color: #999
}

.ksr form .rating span.star:hover:before,
.ksr form .rating span.star:hover ~ span.star:before,
.ksr form .rating span.star.select:before,
.ksr form .rating span.star.select ~ span.star:before {
	content: "\f005";
	color: #FC7345;
}

.ksr .modal{
    overflow: auto;
    position: fixed;
}
.ksr .modal-header{
    display:block;
}
.ksr .modal-body{
    min-height: 0;
    min-width: 0;
}
.ksr .modal-footer{
    display:block;
}

.modal-backdrop.fade.in{
 	opacity:0.5!important;
 	filter: alpha(opacity=50);
}

.ksr .info-label{
	padding:5px 10px;
	background-color:#FFF;
	border:1px solid #333;
}

/*fix the issue that the google place autocomplete doesn't work in bootstraps modal*/
.pac-container {
    background-color: #FFF;
    z-index: 20;
    position: fixed;
    display: inline-block;
    float: left;
}
.modal{
    z-index:20;   
}
.modal-backdrop{
	z-index: 10;
}


/*travel mode*/
.ksr .map-icons-sprite{
	background: transparent url(https://maps.gstatic.com/tactile/directions/travel_mode/sprite-1x-20130906.png) no-repeat scroll 0px 0px;
	width:20px;
	height:20px;
}
.ksr .directions-travel-mode-switcher .travel-mode{
	/*background: transparent url(https://maps.gstatic.com/tactile/directions/travel_mode/sprite-2x-20130906.png) no-repeat scroll 0px 0px;*/
	padding:5px 20px;
	cursor:pointer;
	border-bottom: 5px solid #FFF;
}
.ksr .directions-travel-mode-switcher .travel-mode:hover{
	border-bottom: 5px solid #3A84DF;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
.ksr .directions-travel-mode-switcher .travel-mode.selected{
	cursor:default;
	border-bottom: 5px solid #3A84DF;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */	
}
.ksr .directions-travel-mode-switcher .travel-mode.driving .icon{
	background-position: 0 -40px;
}
.ksr .directions-travel-mode-switcher .travel-mode.driving.selected .icon{
	background-position: 0 -60px;
}
.ksr .directions-travel-mode-switcher .travel-mode.transit .icon{
	background-position: 0 -80px;
}
.ksr .directions-travel-mode-switcher .travel-mode.transit.selected .icon{
	background-position: 0 -100px;
}
.ksr .directions-travel-mode-switcher .travel-mode.walking .icon{
	background-position: 0 -120px;
}
.ksr .directions-travel-mode-switcher .travel-mode.walking.selected .icon{
	background-position: 0 -140px;
}
.ksr .directions-travel-mode-switcher .travel-mode.bicycling .icon{
	background-position: 0 -160px;
}
.ksr .directions-travel-mode-switcher .travel-mode.bicycling.selected .icon{
	background-position: 0 -180px;
}

/*for partial-collapse.plugin.js*/
.partialCollapse {
  height:50px;
  overflow: hidden;
  position: relative;
}
.partialCollapse.in {
  height: auto;
}
.gradient-hide-bar {
	position:absolute;
	width:100%;
	height: 40px;
	bottom: 0;
	background: linear-gradient(bottom,white,transparent);
	background: -o-linear-gradient(bottom,white,transparent);
	background: -ms-linear-gradient(bottom,white,transparent);
	background: -moz-linear-gradient(bottom,white,rgba(255,255,255,0));
	background: -webkit-linear-gradient(bottom,white,transparent);
	background: -webkit-gradient(linear,left bottom,left top,from(white),to(rgba(255,255,255,0)));
}